// 全局样式变量
$primary-color: #4CAF50;
$secondary-color: #8BC34A;
$background-color: #f5f7fa;
$text-color: #333333;
$border-radius: 8px;
$box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);

// 表单和表格样式
.form-content {
  background: #ffffff;
  padding: 20px;
  border-radius: $border-radius;
  box-shadow: $box-shadow;
  margin-bottom: 20px;
}

.table-content {
  background: #ffffff;
  padding: 20px;
  border-radius: $border-radius;
  box-shadow: $box-shadow;
}

.pagination-content {
  margin-top: 20px;
  padding-bottom: 20px;
  text-align: right;
}

.detail-form-content {
  background: #ffffff;
  padding: 20px;
  border-radius: $border-radius;
  box-shadow: $box-shadow;

  .el-input {
    min-width: 200px;
    max-width: 600px;
  }
}

// 按钮样式
.el-button--primary {
  background-color: $primary-color;
  border-color: $primary-color;

  &:hover, &:focus {
    background-color: lighten($primary-color, 10%);
    border-color: lighten($primary-color, 10%);
  }
}

.el-button--success {
  background-color: $secondary-color;
  border-color: $secondary-color;

  &:hover, &:focus {
    background-color: lighten($secondary-color, 10%);
    border-color: lighten($secondary-color, 10%);
  }
}

// 表格样式
.el-table {
  th {
    background-color: #f8f8f8;
  }

  .el-table__row:hover {
    background-color: rgba($primary-color, 0.1);
  }

}

// 登录页样式
.bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.login-form {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  height: 100%;
  background: #ffffff;
  padding: 0 60px;
  font-size: 18px;
  font-weight: bold;
  box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
}

.h1 {
  margin-top: 80px;
  font-size: 24px;
  font-weight: bold;
}

.btn-login {
  margin-top: 50px;
  width: 100%;
  border-radius: 4px;
}
